import React, {  } from "react";
import { Swiper } from "antd-mobile";
import './style.scss'

const colors = ["#ace0ff", "#bcffbd", "#e4fabd", "#ffcfac"];

const items = colors.map((color, index) => (
  <Swiper.Item key={index}>
    <div style={{ background: color, height: 150 }}></div>
  </Swiper.Item>
));

const index = () => {
  return (
    <>
      <div className="swiper">
        <Swiper autoplay>{items}</Swiper>
      </div>
    </>
  );
};

export default index;
